<template>
    <div>
        <el-descriptions title="装备参数规格" :column="1" border>
            <el-descriptions-item v-for="(item, index) in goodsInfo.specialData" :key="index"
                :label="item.item.attr_name">
                {{ item.item.attr_values.join('，') }}
            </el-descriptions-item>
        </el-descriptions>
    </div>
</template>

<script>
export default {
    name: "baseInfo",
    props: {
        goodsInfo: {
            type: Object,
            default: () => ({})
        }
    },
    data () {
        return {

        }
    },
    mounted () {

    },
    methods: {

    }
}
</script>

<style lang="less" scoped>
/deep/.el-descriptions__header {
    height: 62px;
    text-indent: 30px;
    margin-bottom: 0;
    background-color: rgba(46, 48, 51, .05);
}
/deep/.el-descriptions-row {
    .el-descriptions-item__label {
        text-align: right;
        width: 120px;
    }
}
</style>